<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../icofont/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js" type="module"></script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="bgh">
            <nav>
                <ul>
                    <li>
                        <a href="#">欢太品牌</a>
                    </li>
                    <li>
                        <a href="#">欢太云服务</a>
                    </li>
                    <li>
                        <a href="#">软件商店</a>
                    </li>
                    <li>
                        <a href="#">健康</a>
                    </li>
                </ul>
                <ol>
                    <li id="shopp">
                        <a href="#">下载欢太商城APP</a>
                        <div id="shopp_app">
                            <img src="../img/erwei3.jpg" alt="">
                            <p>扫描下载欢太商城APP</p>
                        </div>
                    </li>
                    <li>
                        <a href="./login.html"><i class="iconfont icon-yonghu1"></i>登录</a>
                    </li>
                    <li>
                        <a href="./register.html">注册</a>
                    </li>
                    <li>
                        <a href="./ShoppingCart.html"><i class="iconfont icon-gouwuche"></i> 购物车&nbsp<span class="goods_num"> (0) </span></a>
                    </li>
                </ol>
            </nav>
        </div>
        <div class="bgb">
            <div class="biglogo">
                <div class="nav">
                    <div class="logo">
                        <a href="./index.html"><img src="../img/logo.png" alt=""></a>
                    </div>

                    <ul>
                        <li><a href="#">OPPO专区</a></li>
                        <li><a href="#">OnePlus专区</a></li>
                        <li><a href="#">realme专区</a></li>
                        <li><a href="#">智能生活</a></li>
                        <li><a href="#">潮流好物</a></li>
                        <li><a href="#">服务</a></li>
                    </ul>
                </div>
                <div class="search">
                    <input type="text" placeholder="OPPO Reno6 星黛紫">
                    <img src="../img/search.svg" alt="">
                </div>
            </div>
        </div>
    </header>


    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url(../img/banner1.png);"></div>
            <div class="swiper-slide" style="background-image: url(../img/banner2.jpg);"></div>
            <div class="swiper-slide" style="background-image: url(../img/banner3.jpg);"></div>
            <div class="swiper-slide" style="background-image: url(../img/banner4.jpg);"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <div class="menu">
        <div class="menu-box">
            <div class="mm_box">
                <div class="side-menu tabs">
                    <ul>
                        <li>
                            <p>热门推荐</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>OPPO</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>OnePlus</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>realme</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>耳机影音</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>原装配件</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>智能穿戴</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>智能电视</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>日用百货</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>数码周边</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>家用电器</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>个护健康</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>家纺餐厨</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                        <li>
                            <p>母婴亲子</p>
                            <img src="../img/sanj.svg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="menu-right">
                    <!-- 页面一 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>热门推荐</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone10.png" alt=""><span>OPPO Reno5 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone11.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone12.png" alt=""><span>一加 9 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面二 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OPPO Find X 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO Reno 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO K 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO A 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>

                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 穿戴</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 电视</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!-- 页面三 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OnePlus 9 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面四 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>realme GT 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO Reno 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO K 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO A 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>

                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 穿戴</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 电视</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!-- 页面五 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>无线耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面六 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OPPO 专属配件</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone10.png" alt=""><span>OPPO Reno5 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone11.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone12.png" alt=""><span>一加 9 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面七 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OPPO 手环</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO Reno 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO K 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO A 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>

                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 穿戴</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 电视</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!-- 页面八 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OnePlus 9 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面九 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>realme GT 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO Reno 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO K 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO A 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>

                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 穿戴</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OPPO 电视</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!-- 页面十 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>无线耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面11 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OPPO 专属配件</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone10.png" alt=""><span>OPPO Reno5 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone11.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone12.png" alt=""><span>一加 9 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面12 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>无线耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面13 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>OPPO 专属配件</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone1.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone2.png" alt=""><span>OPPO K9</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone3.png" alt=""><span>OPPO Find X3 Pro</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone4.png" alt=""><span>真我GT Neo 闪速版</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone5.png" alt=""><span>一加 9R</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone9.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone10.png" alt=""><span>OPPO Reno5 </span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone11.png" alt=""><span>OPPO Reno6 星黛紫</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone12.png" alt=""><span>一加 9 Pro</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 页面14 -->
                    <div class="page-m">
                        <div class="item-m">
                            <h4>无线耳机</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus 8 系列</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="item-m">
                            <h4>OnePlus Watch</h4>
                            <ul>
                                <li>
                                    <a href="#"><img src="../img/phone6.png" alt=""><span>OPPO Reno5</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone7.png" alt=""><span>OPPO Enco Air</span></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../img/phone8.png" alt=""><span>OPPO Reno6 </span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 内容 -->
    <main>
        <div class="login">
            <div>
                <a href="#"><img src="../img/lon1.png" alt=""></a>
            </div>
            <div>
                <div align="center">
                    <a href="#"><img src="../img/mon1.png" alt="">
                        <p>领券中心</p>
                    </a>
                </div>
                <div align="center">
                    <a href="#"><img src="../img/mon2.png" alt="">
                        <p>以旧换新</p>
                    </a>
                </div>
                <div align="center">
                    <a href="#"><img src="../img/mon3.png" alt="">
                        <p>价保政策</p>
                    </a>
                </div>
                <div align="center">
                    <a href="#"><img src="../img/mon4.png" alt="">
                        <p>企业购</p>
                    </a>
                </div>
            </div>
            <div>
                <div class="usert"><i class="iconfont icon-yonghu"></i></div>
                <div class="zhuce">
                    <div><span> 请 </span><a href="./login.html">登录</a><b> | </b><a href="./register.html"> 注册 </a></div>
                    <div>立即注册领取新人福利</div>
                </div>
            </div>
        </div>
        <div class="recom">
            <!-- <div>
                <a href="./goods.html"><img src="../img/rec1.png" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="../img/rec2.png" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="../img/rec3.png" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="../img/rec4.png" alt=""></a>
            </div> -->
        </div>
        <div class="seckill">
            <div class="title">
                <div><span>限时</span><b>秒杀</b></div>
                <a href="#"><span>查看更多</span> <img src="../img/sanj.svg" alt=""></a>
            </div>
            <div class="kill">
                <div class="timeco">
                    <div>
                        <div class="date_time">
                            <div>10:00</div>
                            <span>已结束</span>
                        </div>
                        <div class="date_end">本场抢购已结束</div>
                    </div>
                    <div class="t_ing">
                        <div class="date_timeing">
                            <div>14:00</div>
                            <span>抢购中</span>
                        </div>
                        <div class="date_count">
                            <span>03</span><b>:</b><span>26</span><b>:</b><span>25</span>
                        </div>
                    </div>

                    <div>
                        <div class="date_timerr">
                            <div>20:00</div>
                            <span>即将开始</span><b>|</b><span>03:09:16</span><span>后开始</span>
                        </div>
                    </div>

                    <div>
                        <div class="date_timerr">
                            <div>00:00</div>
                            <span>即将开始</span><b>|</b><span>03:09:16</span><span>后开始</span>
                        </div>
                    </div>


                </div>
                <div class="item-rig">
                    <div class="conten">
                        <a href="#">
                            <img src="../img/kill1.png" alt="">
                            <div class="wenzi">OnePlus 8T 青域/12GB+256GB</div>
                            <div class="redline"><span><b></b></span><em>已抢12%</em></div>
                            <div class="money"><span>¥2899</span><del>¥2999</del><strong>抢购中</strong></div>
                        </a>
                    </div>
                    <div class="conten">
                        <a href="#">
                            <img src="../img/kill2.png" alt="">
                            <div class="wenzi">OPPO Enco Air 灵动版 真无线耳机 纯白</div>
                            <div class="redline"><span><b></b></span><em>已抢26%</em></div>
                            <div class="money"><span>¥129</span><del>¥199</del><strong>抢购中</strong></div>
                        </a>
                    </div>
                    <div class="conten">
                        <a href="#">
                            <img src="../img/kill3.png" alt="">
                            <div class="wenzi">品胜-圆盘无线充（15W） 魔幻黑</div>
                            <div class="redline"><span><b></b></span><em>已抢22%</em></div>
                            <div class="money"><span>¥9.9</span><del>¥49</del><strong>抢购中</strong></div>
                        </a>
                    </div>
                    <div class="conten">
                        <a href="#">
                            <img src="../img/kill4.png" alt="">
                            <div class="wenzi">贝医生牙线棒 绿色</div>
                            <div class="redline"><span><b></b></span><em>已抢8%</em></div>
                            <div class="money"><span>¥5.9</span><del>¥9.9</del><strong>抢购中</strong></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hot">
            <div class="hot_one">
                热卖专区
            </div>
            <div>
                <ul>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot1.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>Reno6</h4>
                                <p>积分至高抵200元</p>
                                <div>¥2799</div>
                            </div>
                            <div class="dwei">
                                赠耳机
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot2.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>K9</h4>
                                <p>积分至高抵100元</p>
                                <div>¥1899</div>
                            </div>
                            <div class="dwei_red">
                                立减200元
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot3.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>一加 9R</h4>
                                <p>以旧换新高补贴</p>
                                <div>¥2999</div>
                            </div>
                            <div class="dwei">
                                积分抵扣
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot4.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>真我Q3</h4>
                                <p>限时直降100元</p>
                                <div>¥1599</div>
                            </div>
                            <div class="dwei">
                                送会员
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot5.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>Reno5</h4>
                                <p>6期免息</p>
                                <div>¥2399</div>
                            </div>
                            <div class="dwei_red">
                                立减200元
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot6.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>GT Neo 闪速版</h4>
                                <p>至高直降250元</p>
                                <div>¥2399</div>
                            </div>
                            <div class="dwei">
                                天玑1200
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot7.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>K7x</h4>
                                <p>积分可抵100元</p>
                                <div>¥1299</div>
                            </div>
                            <div class="dwei_red">
                                立减50
                            </div>
                        </a>
                    </li>
                    <li class="hot_box">
                        <a href="#">
                            <div class="hot_pic">
                                <img src="../img/hot8.png" alt="">
                            </div>
                            <div class="hot_zi">
                                <h4>Find X3 Pro</h4>
                                <p>赠398元礼盒</p>
                                <div>¥5499</div>
                            </div>
                            <div class="dwei">
                                24期免息
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <div class="ertu">
            <div>
                <a href="#">
                    <img src="../img/ertu1.png" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="../img/ertu2.png" alt="">
                </a>
            </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer>
        <div class="foo-top">
            <div>
                <img src="../img/foo1.svg" alt="">
                <p>1年全国联保</p>
            </div>
            <div>
                <img src="../img/foo2.svg" alt="">
                <p>7天无理由退货</p>
            </div>
            <div>
                <img src="../img/foo3.svg" alt="">
                <p>官方换货保障</p>
            </div>
            <div>
                <img src="../img/foo4.svg" alt="">
                <p>满69元包邮</p>
            </div>
            <div>
                <img src="../img/foo5.svg" alt="">
                <p>916 家售后网点</p>
            </div>

        </div>
        <div class="foo-mid">
            <div class="foo_ml">
                <dl>
                    <dt>关于欢太</dt>
                    <dd><a href="#">了解欢太</a></dd>
                    <dd><a href="#">欢太产品与服务</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl>
                    <dt>OPPO产品</dt>
                    <dd><a href="#">OPPO Reno6</a></dd>
                    <dd><a href="#">OPPO Reno6 Pro</a></dd>
                    <dd><a href="#">OPPO Reno6 Pro+</a></dd>
                    <dd><a href="#">OPPO Find X3 Pro</a></dd>
                    <dd><a href="#">OPPO Find X3 </a></dd>
                    <dd><a href="#">OPPO Reno5</a></dd>
                    <dd><a href="#">OPPO K9</a></dd>
                    <dd><a href="#">OPPO K7x</a></dd>
                    <dd><a href="#">OPPO A95</a></dd>
                    <dd><a href="#">OPPO A93</a></dd>
                </dl>
                <dl>
                    <dt>一加产品</dt>
                    <dd><a href="#">OnePlus 9 Pro</a></dd>
                    <dd><a href="#">OnePlus 9</a></dd>
                    <dd><a href="#">OnePlus 9R</a></dd>
                    <dd><a href="#">OnePlus 8T</a></dd>
                    <dd><a href="#">OnePlus 8</a></dd>
                    <dd><a href="#">OnePlus 8 Pro</a></dd>
                    <dd><a href="#">OnePlus Watch</a></dd>
                </dl>
                <dl>
                    <dt>realme产品</dt>
                    <dd><a href="#">真我GT Neo闪速版</a></dd>
                    <dd><a href="#">真我X7 Pro至尊版</a></dd>
                    <dd><a href="#">真我Q3 Pro狂欢版</a></dd>
                    <dd><a href="#">真我V15</a></dd>
                    <dd><a href="#">真我Buds Air2Neo</a></dd>
                </dl>
                <dl>
                    <dt>服务政策</dt>
                    <dd><a href="#">OPPO售后政策</a></dd>
                    <dd><a href="#">一加售后政策</a></dd>
                    <dd><a href="#">realme售后政策</a></dd>
                    <dd><a href="#">配送发货说明</a></dd>
                    <dd><a href="#">花呗分期说明</a></dd>
                    <dd><a href="#">电子发票说明</a></dd>
                </dl>
            </div>
            <div class="foo_mr">
                <div class="service">
                    <a href="#">
                        <img src="../img/foo6.svg" alt="">
                        <span>在线客服</span>
                    </a>
                </div>
                <div>400-1999-666</div>
                <div>24小时全国热线</div>
            </div>

        </div>
        <div class="foo-bon">
            <div>
                <span>© 2021 欢太 版权所有 </span>
                <a href="#">粤ICP备14012291号 </a>
                <span>|</span>
                <a href="#">隐私政策</a>
                <span>|</span>
                <a href="#">用户使用协议</a>
                <span>|</span>
                <a href="#">资质证照</a>
                <span>|</span>
                <a href="#">知识产权</a>
            </div>
            <div>
                <img src="../img/police.png" alt="">
                <a href="#">粤公网安备 44190002004935号</a>
            </div>

        </div>
    </footer>


    <div class="fixdd">
        <ul>
            <li>
                <a href="#">
                    <img src="../img/fixd1.svg">
                    <p>在线客服</p>
                </a>
            </li>
            <li style="position: relative;">
                <a href="#">
                    <img src="../img/fixd2.svg">
                    <p>客服热线</p>
                </a>
                <div class="fix_phone">
                    <p>400-1999-666</p>
                    <span>24 小时全国热线</span>
                </div>

            </li>
            <li style="position: relative;">
                <a href="#">
                    <img src="../img/fixd3.svg">
                    <p>下载app</p>
                </a>
                <div class="fix_app">
                    <img src="../img/erwei3.jpg">
                    <p>扫描下载欢太商城 APP</p>
                </div>
            </li>
            <li>
                <a href="#">
                    <img src="../img/fixd4.svg">
                    <p>浏览评价</p>
                </a>
            </li>

        </ul>
        <ul>
            <li style="border-radius: 6px;">
                <a href="#">
                    <img src="../img/fixd5.svg">
                    <span>返回旧版</span>
                </a>
            </li>
        </ul>
    </div>

</body>

</html>